$(function () {
    function getbooks() {
        $.get('http://www.liulongbin.top:3006/api/getbooks', function (res) {
            if (res.status !== 200) return alert('获取图书失败')
            console.log(res);
            // $.each(res.data,function(i,item) {
            //     item = item.split(',')

            // })
            var htmlstr = template('tpl',res)
            console.log(htmlstr);
            $('#tb').empty().append(htmlstr)
            
            // var rows = []
            // $.each(res.data, function (i, item) {

            //     // rows.push('<tr><td>' + item.id + '</td><td>' + item.bookname + '</td><td>' + item.author + '</td><td>' + item.publisher + '</td><td><a href="javascript:;" data-id="' + item.id + '" class="del">删除</a></td></tr>')

            // })
            // $('#tb').empty().append(rows.join(''))
        })
    }
    getbooks()

    $('#tb').on('click', '.del', function () {
        var id = $(this).attr('data-id')
        $.get('http://www.liulongbin.top:3006/api/delbook', { id: id }, function (res) {
            if (res.status !== 200) return alert('删除图书失败')
            getbooks()
        })
    })

    $('#btnAdd').on('click', function () {
        var bookname = $('#iptBookName').val().trim()
        var author = $('#iptAuthor').val().trim()
        var publisher = $('#iptpublisher').val().trim()
        if (bookname.length <= 0 || author.length <= 0 || publisher.length <= 0) return alert('内容不可为空')
        $.post('http://www.liulongbin.top:3006/api/addbook', { bookname: bookname, author: author, publisher: publisher }, function (res) {
            if (res.status !== 201) return alert('上传图书失败')
            getbooks()
        })
    })
})